<div class="buttons-preview text-align-left float-left"
     style="padding-top:10px;width: 34px; padding-top: 10px; overflow:auto;writing-mode:  vertical-lr;letter-spacing: 2px;white-space: nowrap;">
    <input type="hidden" id="nowSelectedNode">
    <a class="btn margin-bottom-5 nomargin-right  btn-xs btn-success" href="javascript:void(0);" onclick="addDept()"
       title="新增同级部门"><i
            class="glyphicon glyphicon-plus"></i></a>
    <a class="btn margin-bottom-5 nomargin-right  btn-xs btn-primary" href="javascript:void(0);" onclick="editDept()"
       title="编辑当前部门"><i
            class="glyphicon glyphicon-pencil"></i></a>
    <a class="btn margin-bottom-5 nomargin-right  btn-xs btn-danger" href="javascript:void(0);" onclick="deleteDept()"
       title="删除当前部门"><i
            class="glyphicon glyphicon-trash"></i></a>
</div>
<div style="width:170px; position: absolute; z-index: 9999;display: none;" id="deptRightMenu">
    <input type="hidden" id="rightNowSelectedNodeMenu">
    <input type="hidden" id="rightNowSelectedNodeParentName">
    <div style="background-color:white;margin-bottom:-2px;border:1px solid #ccc !important;height: 20px;;">
        <span id="deptName" style="padding-left:5px;font-size:12px;width:146px;display:block;float:left;overflow:hidden;white-space:nowrap;"></span>
        <a href="javascript:" class="margin-right-5 float-right" onclick="closeRightMenu()"><i class="glyphicon glyphicon-remove"></i></a>
    </div>
    <ul class="dropdown-menu" style="display: block;" role="menu">
        <li>
            <a class="" href="javascript:void(0);" onclick="addDeptForRightMenu()"
               title="新增同级部门"><i class="glyphicon glyphicon-plus blue margin-right-5"></i>新增同级部门</a>
        </li>
        <li>
            <a class="" href="javascript:void(0);" onclick="editDeptForRightMenu()"
               title="编辑当前部门"><i class="glyphicon glyphicon-pencil green margin-right-5"></i>编辑</a>
        </li>
        <li>
            <a class="" href="javascript:void(0);" onclick="deleteDeptForRightMenu()"
               title="删除当前部门"><i class="glyphicon glyphicon-trash red margin-right-5"></i>删除</a>
        </li>
        <li class="divider"></li>
        <li>
            <a class="" href="javascript:void(0);"
               onclick="addChildrenDeptForRightMenu()" title="新增下级部门"><i  class="glyphicon glyphicon-plus blue margin-right-5"></i>新增子部门</a>
        </li>
    </ul>
</div>
<div id="deptDirTree" class="tree">
    <div class="tree-folder" style="display: none;">
        <div class="tree-folder-header">
            <i class="fa fa-folder yellow"></i>
            <div class="tree-folder-name">
            </div>
        </div>
        <div class="tree-folder-content"></div>
        <div class="tree-loader" style="display: none;"></div>
    </div>
    <div class="tree-item" style="display: none;">
        <i class="tree-dot"></i>
        <div class="tree-item-name"></div>
    </div>
</div>
<script type="text/javascript">
    $("#deptDirTree").css({
        height: $(window).height() - 220
    });
    //延迟加载部门结构树
    loadAjaxTree("deptDirTree", 0);
</script>
<script src="assets/js/custom/client/sysDept/deptTree.js" type="text/javascript"></script>